<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
	</head>
<style type="text/css">
	#div1{
		width: 100%;
		height: 200px;
		background: #0062CC;
	}
	#div2{
		width: 100%;
		height: 200px;
		background: #6D6D72;
	}
</style>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">标题</h1>
		</header>
		<div id="con" class="mui-content">
		    <div id="div1"></div>
		    <div id="div2"></div>
		    <button id="btn6" type="button" class="mui-btn mui-btn-yellow mui-btn-block">按钮</button>
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			var content = {
				con:document.getElementById('con'),
				div1:document.getElementById('div1'),
				div2:document.getElementById('div2'),
				btn3:document.getElementById('btn2')
			}
			
			setTimeout(function () {
				var btn = document.createElement('div');
				btn.id = btn;
				btn.innerHTML=' <button type="button" class="mui-btn mui-btn-blue mui-btn-block">按钮</button>';
				content.div1.appendChild(btn);
				btn.addEventListener('tap',function () {
					con.removeChild(btn6);
				});
			},1000);
		</script>
	</body>

</html>